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Description 

PORTAL INCLUDING DETACHABLE AND 
REATTACHABLE PORTLETS 

Background of Invention 

[0001] The present invention relates to portals and portlets 
forming a portal and more particularly to a to a potlet 
pop-out or portlet detach feature and portlet reattach 
feature and a method and system to detach and reattach a 
portlet to a portal. 

[0002] Portlets are a series of related tasks or portal applications 
presented to a user in a web page of a portal environ- 
ment. Portlets are usually depicted as small boxes in a 
web page or portal. Portlets are reusable components that 
may provide access to applications, web-based content, 
and other resources. Web pages, web services, applica- 
tions, and syndicated content feeds may be accessed 
through portlets. Any particular portlet may be developed, 
deployed, managed, and displayed independent of other 
portlets. Administrators and end users may create per- 



sonalized portal pages by choosing and arranging portlets 
to form a desired web page format or lool< and feel. There 
is no limit to the number of portlets that may be pre- 
sented to a user accessing the web page or portal. Portlets 
are heavily ingrained within the context of a web page and 
currently cannot be separated from the context of the as- 
sociated portal or web page. As a result of portlets typi- 
cally being tightly grouped within a portal page, informa- 
tion, navigation, and screen real estate all begin to dimin- 
ish proportionally to the number of portlets added to a 
page. A portal user may encounter difficulty interacting 
with a large number of portlets because of horizontal and 
vertical scrolling that may be necessary to completely view 
some portlets. Such scrolling may be aggravating to a 
user when navigating in a crowded, cluttered or "busy" 
page. Additionally, a user may be overwhelmed and frus- 
trated by the volume of content and not be able to effi- 
ciently locate or access a desired service or information, if 
able to access or locate such information or service at all. 
Further, the user may not be able to simplify the web page 
or portal to provide easier access and ability to locate in- 
formation and services of most interest or that may be ac- 
cessed on a recurring basis. 



Summary of Invention 

[0003] In accordance with an embodiment of the present inven- 
tion, a portal may include at least one detachable portlet. 
The portal may also include a detach feature or element 
associated with the at least one detachable portlet. 

[0004] In accordance with another embodiment of the present in- 
vention, a method to detach and reattach at least one 
portlet associated with a portal may include detaching a 
selected portlet from the associated portal in response to 
activating a detach feature or element. The method may 
also include reattaching the detached portlet to the asso- 
ciated portlet in response to activating a reattach feature 
or element. 

[0005] In accordance with another embodiment of the present in- 
vention, a method to detach and reattach at least one 
portlet associated with a portal may include detaching a 
selected portlet associated with the portal in response to 
activating a detach feature or element. The method may 
also include transferring the selected, detached portlet to 
a separate window or page in response to detaching the 
selected portlet. 

[0006] In accordance with another embodiment of the present in- 
vention, a method to form a portal may include forming at 



least one portlet with a detach feature. The method may 
also include forming the portal including the at least one 
portlet with the detach feature. 

[0007] In accordance with another embodiment of the present in- 
vention, a system to detach and reattach a portlet to a 
portal may include a portal server. The system may also 
include at least one portlet contained in the portal server. 
The at least one portlet may include a detach feature to 
detach the at least one portlet from an associated portal. 

[0008] In accordance with another embodiment of the present in- 
vention, a computer-readable medium have computer- 
executable instruction for performing a method that may 
include detaching a selected portlet from a portal in re- 
sponse to activation of a detach feature. The method may 
also include reattaching the detached portlet in response 

to activation of a reattach feature. 
Brief Description of Drawings 

[0009] Figures 1 is a flow chart of an exemplary method to form 
a portal and to detach at least one portlet associated with 
the portal in accordance with an embodiment of the 
present invention. 

[0010] Figure 2 is a flow chart of an exemplary method to reat- 
tach a portlet associated with a portal in accordance with 



an embodiment of the present invention. 
[0011] Figures 3A, 3B and 3C illustrate an example of sequen- 
tially detaching and reattaching a portlet to an associated 
portal in accordance with an embodiment of the present 
invention. 

[0012] Figure 4 is an example of a system to present a portal to a 
user and to provide the ability for the user to detach and 
reattach selected portlets to an associated portal in accor- 
dance with an embodiment of the present invention. 
Detailed Description 

[0013] The following detailed description of preferred embodi- 
ments refers to the accompanying drawings, which illus- 
trate specific embodiments of the invention. Other em- 
bodiments having different structures and operations do 
not depart from the scope of the present invention. 

[0014] Figures 1 is a flow chart of an exemplary method 100 to 
form a portal and to detach at least one portlet associated 
with the portal in accordance with an embodiment of the 
present invention. In block 102 one or more portlets may 
be formed including a detach feature or element. The 
portlets may be formed or written using a web-based 
programming language, such as Java™, hypertext markup 
language (HTML) or the like. The detach feature may in- 



elude an icon or other graphical symbol representative of 
a feature or function to pop-out, undock or detach an as- 
sociated portlet from a portal in which the portlet is being 
presented. Detaching a portlet may effectively remove the 
portlet from the portal. As discussed in more detail below, 
the portlet when detached or popped-out may be repre- 
sented in the portal by a small placeholder or symbol rep- 
resentative of the portlet. Detaching one or more portlets 
makes the portal less crowded or cluttered and provides 
more space in the portal for other portlets that may be 
more useful to a particular user. Detaching one or more 
portlets may also make the portal easier to navigate. 
[0015] In block 104, a portal may be formed incorporating one or 
more portlets that include a detach feature or element. 
The portal may also include other portlets that do not 
have the detach feature. Referring also to Figure 3A, Fig- 
ure 3A illustrates an example of a portal 300 including a 
plurality of portlets, portlet A 302 and portlet B 304. Each 
portlet 302 and 304 may include a detach function 306 or 
element. In block 106 (Figure 1), the detach feature or el- 
ement (element 306 in Figure 3A) may be activated by a 
user clicking on the icon or symbol using a mouse or 
other pointing device. 



[0016] In block 108, an independently managed window or page 
may be formed in response to the detach feature 306 be- 
ing activated. Forming independently managed windows 
or pages is known by those skilled in the art. An indepen- 
dently managed window may be formed or created for 
each detached portlet. Alternatively, one or more portlet 
windows or pages may be formed to retain all detached 
portlets depending upon the quantity and size of the de- 
tached portlets and the number of windows needed to re- 
tain or house the detached portlets. In block 110, the de- 
tached portlet may be transferred to the independently 
managed window or page. In block 112, a placeholder 
may be formed in the portal to represent and hold the 
place for the detached portlet. The placeholder may be 
substantially smaller than the original portlet because of 
less content to occupy much less space or real estate in 
the portal and to unclutter the portal. The placeholder 
may also include a reattach feature or element that may 
be operated or activated to reattach or transfer the con- 
tents of the portlet back into the portal. The reattach fea- 
ture or element may include an icon or symbol represen- 
tative of the function of transferring the contents of the 
portlet back into the portal. Thus, the contents of the 



popped-out or detached portlet may be replaced with a 
placeholder including a reattach function or icon within 
the portal page. In block 114, a communication tunnel or 
tunneling communication may be established or formed 
between the portal or placeholder and the detached port- 
let. Accordingly, communication with the detached portlet 
through the portal may continue. 

[0017] Referring also to Figure 3B, Figure 3B illustrates portlet A 
302 being detached or popped-out of the portal page 
300. Portlet A 302 and its contents may be transferred to 
an independently managed window or page 308 or the 
like and a placeholder 310 may replace portlet A 302 in 
the portal page 300. The placeholder 310 may include a 
reattach element or feature 312. The detached portlet A 
302 in the window 308 may also include a reattach ele- 
ment or feature 314. Tunneling communication 316 may 
be created or established between the detached portlet A 
302 and the placeholder 310 or portal 300. 

[0018] Referring back to Figure 1, in block 116, a determination 
may be made if a detach feature has been activated on 
any other portlets. If so, the method 100 may return to 
block 108 and the method 100 may continue as previ- 
ously described with respect to blocks 108-116. If the de- 



tach feature or element has not been activated for any 
other selected portlets, the method 100 may end at ter- 
mination 118. 

[0019] Figure 2 is a flow chart of an exemplary method 200 to 
reattach a portlet associated with a portal in accordance 
with an embodiment of the present invention. In block 
202, a reattach feature or element may be activated by 
clicking on a reattach icon or symbol on the placeholder 
or on the detached portlet in the independently managed 
page. Referring also to Figure 3C, Figure 3C illustrates an 
example of activating the reattach feature or element by 
clicking on a reattach icon or symbol 312 on the place- 
holder 310 or clicking on a reattach icon or symbol 314 
on the detached portlet A 302. 

[0020] In block 204, the detached portlet may be transferred 

from the independently managed window or page back to 
the portal page. In block 206, a determination may be 
made if a reattach feature has been activated on another 
selected, detached portlet. If a reattach feature has been 
activated on another detached portlet, the method 200 
may return to block 202 and the method may proceed as 
previously described with respect to blocks 202-206. If a 
reattach feature has not been activated on any other de- 



tached portlets, the method 200 may end at termination 
208 until a reattach feature is activated. 
[0021] Figure 4 is an example of a system 400 to present a portal 
to one or more users or clients 402 and to provide the 
ability for the user 402 to detach and reattach selected 
portlets to an associated portal in accordance with an em- 
bodiment of the present invention. The user or client 402 
may be a desktop or mobile computing system, cellular 
telephone, personal digital assistance or the like. The sys- 
tem 400 may also be accessed by a remote portlet request 

403 from another server or system. Elements of the meth- 
ods 100 and 200 of Figures 1 and 2 may be embodied in 
the system 400. The system 400 may include a portal 
server 404. The portal server 404 may provide common 
services, such as application connectivity, integration, ad- 
ministration, and presentation capabilities that may be 
needed across all portal environments. The portal server 

404 may include an authentication element 406 to estab- 
lish a user's identity. The portal server 404 may use form- 
based authentication. In form-based authentication, a 
user may be prompted through an HTML form or the like 
to enter a user ID and password for authentication when 
trying to access a particular portal. After receiving the 



user's identification and password information, the portal 
server 404 may validate the authentication information via 
an authorization element 408. The portal server 404 may 
validate the authentication information against informa- 
tion contained in a Lightweight Directory Access Protocol 
(LDAP) directory 410. The authorization element 408 or 
process may also determine which pages or portlets a 
user has permission to access. The authorization element 
408 may access the LDAP directory 410, portal database 
412, and user profile database 414 in determining proper 
authentication, which portals are accessible by the user 
and other privileges or settings. The authorization ele- 
ment 408 may also interface with an extensible markup 
language (XML) access element 416. 
[0022] The portal server 404 may also include a page aggrega- 
tion element 418. Components of the page aggregation 
element 418 may be embodied in hardware or software. 
The page aggregation element 418 may include a themes 
and skins module 420. Users may be able to customize or 
personalize pages including for example, a choice of color 
themes, skins and page layouts. Themes may be used to 
define fonts, colors, spacing and other visual elements. 
Themes may consist of cascading style sheets, Java Script 



Page OSP) files, images or tlie lil<e. Sl<ins may be decora- 
tions and controls placed around portlets, such as title 
bars, borders, shadows, or similar treatments. The page 
aggregation element 418 may also include a JSP tab li- 
brary 422, transcoding module 424 and translation mod- 
ule 426 to further facilitate portal customization and pre- 
sentation of the portal and portlets to the user 402. 
[0023] The portal server 404 may also include a portlet container 
and services element 428. Components of the portlet 
container and services element 428 may be embodied in 
hardware or software. The portlet container and service 
element 428 may include a portlet Application Program- 
ming Interface (API) 430. Portlets rely on portal infrastruc- 
ture to access user profile information, participate in win- 
dow and action events, communicate with other portlets, 
access remote content, lookup credentials, store persis- 
tent data and perform other functions. The portlet API 430 
provides standard interfaces for these functions or ser- 
vices. 

[0024] The portlet container and services module 428 may also 
include a portlet detach /reattach feature 432 and portlets 
434 or information to form portlets. The portlet detach/ 
reattach feature 432 may be the same as methods 100 



and 200 of Figures 1 and 2. The portlets 434 may include 
portlets having detach and reattach features and portlets 
without. The portlet container and services module 428 
may also include other services or functions 436. Exam- 
ples of other services or functions 436 may include, but is 
not limited to, content access, web page clipping, search- 
ing, document administration, portlet proxy, single signon 
and the like. 

[0025] Each user 402 or client may include a processor 438 and 
input/output devices 440. A browser or web browser 442 
may operate on the processor 438 to facilitate accessing 
the portal server 404. The input/output devices 440 may 
include separate input devices, output devices or combi- 
nation input/output devices. The input/output devices 
440 may include a keyboard, pointing device, voice 
recognition system or the like. The input/output devices 
440 may also include optical, magnetic, infrared or radio 
frequency devices, disk drives or the like. The input de- 
vices 440 may receive read or download software, com- 
puter-executable or readable instructions or the like, such 
as software that may embody elements of the methods 
100 and 200 of Figures 1 and 2. 

[0026] Each user 402 may access the portal server 400 via a 



communication networl< or medium 444. Tlie communica- 
tion networl< or medium 444 may be any communication 
system including by way of example, dedicated communi- 
cation lines, telephone networks, wireless data transmis- 
sion systems, two-way cable systems, customized com- 
puter networks, interactive kiosk networks, the Internet 
and the like. 

[0027] Elements of the present invention, such as methods 100 
and 200 of Figures 1 and 2 respectively, and system 400 
of Figure 4, may be embodied in hardware and/or soft- 
ware as a computer program code that may include 
firmware, resident software, microcode or the like. Addi- 
tionally, elements of the invention may take the form of a 
computer program product on a computer-usable or 
computer-readable storage medium having computer-us- 
able or computer-readable program code embodied in a 
medium for use by or in connection with a system, such 
as system 400 of Figure 4. Examples of such a medium 
may be illustrated in Figure 4 as I/O devices 440 or 
medium 446. A computer-usable or readable medium 
may be any medium that may contain, store, communicate 
or transport the program for use by or in connection with 
a system. The medium, for example, may be an electronic. 



magnetic, optical, electromagnetic, infrared or semicon- 
ductor system or the like. The medium may also be simply 
a stream of information being retrieved when the com- 
puter program product is "downloaded" through a net- 
work, such as the Internet or the like. The computer-us- 
able or readable medium could also be paper or another 
suitable medium upon which the program may be printed. 
[0028] Although specific embodiments have been illustrated and 
described herein, those of ordinary skill in the art appre- 
ciate that any arrangement which is calculated to achieve 
the same purpose may be substituted for the specific em- 
bodiments shown and that the invention has other appli- 
cations in other environments. This application is in- 
tended to cover any adaptations or variations of the 
present invention. The following claims are in no way in- 
tended to limit the scope of the invention to the specific 
embodiments described herein. 



